<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>执行列表</title>
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css" />
    <link href="./bootstrap/css/datetimepicker.css" rel="stylesheet" />
    <link rel="stylesheet" href="./css/global.css" />
    <link rel="stylesheet" href="./css/file-task.css" />
    <link rel="stylesheet" href="./css/execute-list.css" />
    <script src="./js/jquery-1.11.3.min.js"></script>
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    <script src="./bootstrap/js/moment.js"></script>
    <script src="./bootstrap/js/datetimepicker.js"></script>
    <script src="./js/global.js"></script>
  </head>

  <body>
    <div class="container col-lg-12">
      <div class="navigation">
        <img class="nav-logo float-left" src="./img/logo.png" alt="logo" />
        <div class="nav-text float-left">标准版</div>
        <div class="nav-drop dropdown float-right">
          <a
            href="#"
            class="dropdown-toggle"
            data-toggle="dropdown"
            role="button"
            aria-haspopup="true"
            aria-expanded="false"
            >ADMIN <span class="caret"></span
          ></a>
          <ul class="dropdown-menu dropdown-menu-right">
            <span class="dropdown-menu-top"></span>
            <li><a href="#">个人信息</a></li>
            <li><a href="#">修改密码</a></li>
          </ul>
        </div>
        <img class="nav-avatar float-right" src="./img/avatar.png" alt="头像" />
      </div>
      <div id="sidebar" class="sidebar">
        <ul>
          <li><a href="home.html"> 首页</a></li>
          <li ><a href="file-task.html"> 文件传输任务</a></li>
          <li class="active"><a href="execute-list.html"> 执行列表</a></li>
          <li><a href="task-config.html"> 文件传输任务配置</a></li>
          <li><a href="ferry-task.html"> 光盘摆渡任务</a></li>
          <li><a href="log-list.html"> 日志管理</a></li>
          <li><a href="user.html"> 个人中心</a></li>
        </ul>
        <ul class="m-hide icon-sidebar">
          <li>
            <a
              href="home.html"
              data-toggle="tooltipp"
              data-placement="right"
              title="首页"
            >
            </a>
          </li>
          <li>
            <a
              href="file-task.html"
              data-toggle="tooltipp"
              data-placement="right"
              title="文件传输任务"
            >
            </a>
          </li>
          <li class="active">
            <a
              href="execute-list.html"
              data-toggle="tooltipp"
              data-placement="right"
              title="执行列表"
            >
            </a>
          </li>
          <li>
            <a
              href="task-config.html"
              data-toggle="tooltipp"
              data-placement="right"
              title="文件传输任务配置"
            >
            </a>
          </li>
          <li>
            <a
              href="ferry-task.html"
              data-toggle="tooltipp"
              data-placement="right"
              title="光盘摆渡任务"
            >
            </a>
          </li>
          <li>
            <a
              href="log-list.html"
              data-toggle="tooltipp"
              data-placement="right"
              title="日志管理"
            >
            </a>
          </li>
          <li>
            <a
              href="user.html"
              data-toggle="tooltipp"
              data-placement="right"
              title="个人中心"
            >
            </a>
          </li>
        </ul>
        <div id="flod-btn" class="flod-btn"></div>
      </div>
      <div id="m-content" class="content">
        <p>文件传输任务</p>
        <div class="card-1 float-left panel">
          <ul>
            <p>发送任务</p>
            <li>未审核</li>
            <li>审核通过</li>
            <li>审核未通过</li>
            <li>正在收集</li>
            <li>等待刻录</li>
            <li class="active">正在刻录</li>
            <li>刻录成功</li>
            <li>刻录失败</li>
          </ul>
          <div></div>
          <ul>
            <p>接收任务</p>
            <li>未审核</li>
            <li>审核通过</li>
            <li>审核未通过</li>
            <li>正在收集</li>
            <li>等待刻录</li>
            <li>正在刻录</li>
            <li>刻录成功</li>
          </ul>
        </div>
        <div class="card-2 float-right panel">
          <div class="title">
            <ul class="clearfloat" style="display: inline-block;">
              <li
                class="btn btn-default btn-xs float-left m-btn"
                data-toggle="modal"
                data-target="#myTaskModal"
              >
                光盘列表
              </li>
              <li
                class="btn btn-default btn-xs float-left m-btn"
                data-toggle="modal"
                data-target="#myFileListModal"
              >
                文件列表
              </li>
              <li
                class="btn btn-default btn-xs float-left m-btn"
                data-toggle="modal"
                data-target="#myStatusDetailModal"
              >
                状态详情
              </li>
              <li
                class="btn btn-default btn-xs float-left m-btn"
                data-toggle="modal"
                data-target="#myActionLogModal"
              >
                操作日志
              </li>
            </ul>
            <i class="float-right glyphicon glyphicon-refresh"></i>
            <div class="input-group float-right">
              <ul class="ul_ul" style="position: absolute;right: 20px;top: -4px;">
                <li class="left_li">日期范围：</li>
                <li class="right_li margin-l">
                  <input
                    id="datetimepicker1"
                    class="form_datetime form-control input-padding icon-time"
                    type="text"
                    value=""
                    id="startConsignedTm"
                    name="startConsignedTm"
                    placeholder="开始日期"
                    style="width:120px;"
                  />
                </li>
                <li class="right_li margin-l">
                    <input
                      id="datetimepicker2"
                      class="form_datetime form-control input-padding icon-time"
                      type="text"
                      value=""
                      id="endConsignedTm"
                      name="endConsignedTm"
                      placeholder="结束日期"
                    style="width:120px;"

                    />
                  </li>
              </ul>
              
            </div>
          </div>
          <div class="table-cont">
            <div class="table-bottom">
              <table
                id="m-tab-bottom"
                class="table text-center"
                style="text-overflow: ellipsis; white-space: nowrap"
              >
                <thead>
                  <tr>
                    <td>请求编号</td>
                    <td>任务名称</td>
                    <td>源端</td>
                    <td>目标端</td>
                    <td>摆渡策略</td>
                    <td>最新状态</td>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>Adfadfauhfakhfadf323lsdjf</td>
                    <td>XTB</td>
                    <td>200.0.0.10</td>
                    <td>200.0.0.10</td>
                    <td>周期摆渡</td>
                    <td>待执行</td>
                  </tr>
                  <tr>
                    <td>Adfadfauhfakhfadf323lsdjf</td>
                    <td>XTB</td>
                    <td>200.0.0.10</td>
                    <td>200.0.0.10</td>
                    <td>周期摆渡</td>
                    <td>待执行</td>
                  </tr>
                  <tr>
                    <td>Adfadfauhfakhfadf323lsdjf</td>
                    <td>XTB</td>
                    <td>200.0.0.10</td>
                    <td>200.0.0.10</td>
                    <td>周期摆渡</td>
                    <td>待执行</td>
                  </tr>
                  <tr>
                    <td>Adfadfauhfakhfadf323lsdjf</td>
                    <td>XTB</td>
                    <td>200.0.0.10</td>
                    <td>200.0.0.10</td>
                    <td>周期摆渡</td>
                    <td>待执行</td>
                  </tr>
                  <tr>
                    <td>Adfadfauhfakhfadf323lsdjf</td>
                    <td>XTB</td>
                    <td>200.0.0.10</td>
                    <td>200.0.0.10</td>
                    <td>周期摆渡</td>
                    <td>待执行</td>
                  </tr>
                  <tr>
                    <td>Adfadfauhfakhfadf323lsdjf</td>
                    <td>XTB</td>
                    <td>200.0.0.10</td>
                    <td>200.0.0.10</td>
                    <td>周期摆渡</td>
                    <td>待执行</td>
                  </tr>
                  <tr>
                    <td>Adfadfauhfakhfadf323lsdjf</td>
                    <td>XTB</td>
                    <td>200.0.0.10</td>
                    <td>200.0.0.10</td>
                    <td>周期摆渡</td>
                    <td>待执行</td>
                  </tr>
                  <tr>
                    <td>Adfadfauhfakhfadf323lsdjf</td>
                    <td>XTB</td>
                    <td>200.0.0.10</td>
                    <td>200.0.0.10</td>
                    <td>周期摆渡</td>
                    <td>待执行</td>
                  </tr>
                  <tr>
                    <td>Adfadfauhfakhfadf323lsdjf</td>
                    <td>XTB</td>
                    <td>200.0.0.10</td>
                    <td>200.0.0.10</td>
                    <td>周期摆渡</td>
                    <td>待执行</td>
                  </tr>
                  <tr>
                    <td>Adfadfauhfakhfadf323lsdjf</td>
                    <td>XTB</td>
                    <td>200.0.0.10</td>
                    <td>200.0.0.10</td>
                    <td>周期摆渡</td>
                    <td>待执行</td>
                  </tr>
                  <tr>
                    <td>Adfadfauhfakhfadf323lsdjf</td>
                    <td>XTB</td>
                    <td>200.0.0.10</td>
                    <td>200.0.0.10</td>
                    <td>周期摆渡</td>
                    <td>待执行</td>
                  </tr>
                  <tr>
                    <td>Adfadfauhfakhfadf323lsdjf</td>
                    <td>XTB</td>
                    <td>200.0.0.10</td>
                    <td>200.0.0.10</td>
                    <td>周期摆渡</td>
                    <td>待执行</td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="table-top">
              <table id="m-tab-top" class="table text-center">
                <thead>
                  <tr>
                    <td>状态</td>
                    <td>执行时间</td>
                  </tr>
                </thead>
                <tbody>
                 
                  <tr>
                    <td><span class="dot dot-success-bg"></span></td>
                    <td>2020-03-16 19:13:00</td>
                  </tr>
                  <tr>
                    <td><span class="dot dot-success-bg"></span></td>
                    <td>2020-03-16 19:13:00</td>
                  </tr>
                  <tr>
                    <td><span class="dot dot-waring-bg"></span></td>
                    <td>2020-03-16 19:13:00</td>
                  </tr>
                  <tr>
                    <td><span class="dot dot-success-bg"></span></td>
                    <td>2020-03-16 19:13:00</td>
                  </tr>
                  <tr>
                    <td><span class="dot dot-waring-bg"></span></td>
                    <td>2020-03-16 19:13:00</td>
                  </tr>
                  <tr>
                    <td><span class="dot dot-danger-bg"></span></td>
                    <td>2020-03-16 19:13:00</td>
                  </tr>
                  <tr>
                    <td><span class="dot dot-success-bg"></span></td>
                    <td>2020-03-16 19:13:00</td>
                  </tr>
                  <tr>
                    <td><span class="dot dot-success-bg"></span></td>
                    <td>2020-03-16 19:13:00</td>
                  </tr>
                  <tr>
                    <td><span class="dot dot-success-bg"></span></td>
                    <td>2020-03-16 19:13:00</td>
                  </tr>
                  <tr>
                    <td><span class="dot dot-success-bg"></span></td>
                    <td>2020-03-16 19:13:00</td>
                  </tr>
                  <tr>
                    <td><span class="dot dot-success-bg"></span></td>
                    <td>2020-03-16 19:13:00</td>
                  </tr>
                  <tr>
                    <td><span class="dot dot-success-bg"></span></td>
                    <td>2020-03-16 19:13:00</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <div class="paging">
            <span>共29条</span>
            <div class="dropup">
              <button
                class="btn m-btn btn-xs btn-default dropdown-toggle"
                type="button"
                id="dropdownMenu1"
                data-toggle="dropdown"
                aria-haspopup="true"
                aria-expanded="true"
              >
                20条/页
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                <li><a href="#">5条/页</a></li>
                <li><a href="#">10条/页</a></li>
              </ul>
            </div>
            <p><button class="btn m-btn btn-default btn-xs">首页</button></p>
            <nav aria-label="Page navigation ">
              <ul class="pagination">
                <li>
                  <a href="#" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                  </a>
                </li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li>
                  <a href="#" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                  </a>
                </li>
              </ul>
            </nav>
            <p>
              <button class="btn m-btn btn-default btn-xs">尾页</button>
            </p>
          </div>
        </div>
      </div>
      

      <!-- 光盘列表 modal -->
      <div class="modal fade modal-list" id="myTaskModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-c" role="document">
          <div class="modal-content">
            <div class="modal-header ">
              <button
                type="button"
                class="close"
                data-dismiss="modal"
                aria-label="Close"
              >
                <span class="modal-close" aria-hidden="true">&times;</span>
              </button>
              <h4 class="modal-title">光盘列表</h4>
            </div>
            <div class="modal-body file-body">
              <div class="box">
                <div class="input-group float-right">
                  <div class="input-group-btn">
                    <button
                      type="button"
                      class="btn btn-xs btn-default dropdown-toggle"
                      data-toggle="dropdown"
                      aria-haspopup="true"
                      aria-expanded="false"
                    >
                      光盘编号 <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" style="margin-top: -10px;">
                      <li><a href="#">编号1</a></li>
                      <li><a href="#">编号2</a></li>
                    </ul>
                  </div>
                  <input
                    type="text"
                    class="form-control input-sm choose-file-input"
                    aria-label="..."
                    placeholder="请输入"
                  />
                </div>
                <div class="table-cont">
                  <div class="table-bottom">
                    <table
                      id="m-tab-bottom"
                      class="table text-center"
                      style="
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        margin-left: 0;
                      "
                    >
                      <thead>
                        <tr>
                          <td>光盘编号</td>
                          <td>光盘容量(M)</td>
                          <td>光盘序号</td>
                          <td>最新状态</td>
                          <td>创建时间</td>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>200</td>
                          <td>1/1</td>
                          <td>摆渡成功</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>200</td>
                          <td>1/1</td>
                          <td>摆渡成功</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>200</td>
                          <td>1/1</td>
                          <td>摆渡成功</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>200</td>
                          <td>1/1</td>
                          <td>摆渡成功</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>200</td>
                          <td>1/1</td>
                          <td>摆渡成功</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>200</td>
                          <td>1/1</td>
                          <td>摆渡成功</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>200</td>
                          <td>1/1</td>
                          <td>摆渡成功</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>200</td>
                          <td>1/1</td>
                          <td>摆渡成功</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>200</td>
                          <td>1/1</td>
                          <td>摆渡成功</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>200</td>
                          <td>1/1</td>
                          <td>摆渡成功</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
                <div class="paging">
                  <span>共29条</span>
                  <div class="dropup">
                    <button
                      class="btn m-btn btn-xs btn-default dropdown-toggle"
                      type="button"
                      id="dropdownMenu1"
                      data-toggle="dropdown"
                      aria-haspopup="true"
                      aria-expanded="true"
                    >
                      20条/页
                      <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                      <li><a href="#">5条/页</a></li>
                      <li><a href="#">10条/页</a></li>
                    </ul>
                  </div>
                  <p>
                    <button class="btn m-btn btn-default btn-xs">首页</button>
                  </p>
                  <nav aria-label="Page navigation ">
                    <ul class="pagination">
                      <li>
                        <a href="#" aria-label="Previous">
                          <span aria-hidden="true">&laquo;</span>
                        </a>
                      </li>
                      <li><a href="#">1</a></li>
                      <li><a href="#">2</a></li>
                      <li><a href="#">3</a></li>
                      <li><a href="#">4</a></li>
                      <li><a href="#">5</a></li>
                      <li>
                        <a href="#" aria-label="Next">
                          <span aria-hidden="true">&raquo;</span>
                        </a>
                      </li>
                    </ul>
                  </nav>
                  <p>
                    <button class="btn m-btn btn-default btn-xs">尾页</button>
                  </p>
                </div>
              </div>
            </div>

            <div class="modal-footer">
              <button type="button" class="btn_b" data-dismiss="modal">确定</button>
            </div>
          </div>
        </div>
      </div>

      <!-- 文件列表 modal -->
      <div class="modal fade modal-list" id="myFileListModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-c" role="document">
          <div class="modal-content">
            <div class="modal-header ">
              <button
                type="button"
                class="close"
                data-dismiss="modal"
                aria-label="Close"
              >
                <span class="modal-close" aria-hidden="true">&times;</span>
              </button>
              <h4 class="modal-title">文件列表</h4>
            </div>
            <div class="modal-body file-body">
              <div class="box">
                <div class="input-group float-right">
                  <div class="input-group-btn">
                    <button
                      type="button"
                      class="btn btn-xs btn-default dropdown-toggle"
                      data-toggle="dropdown"
                      aria-haspopup="true"
                      aria-expanded="false"
                    >
                      文件名称 <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" style="margin-top: -10px;">
                      <li><a href="#">文件1</a></li>
                      <li><a href="#">文件2</a></li>
                    </ul>
                  </div>
                  <input
                    type="text"
                    class="form-control input-sm choose-file-input"
                    aria-label="..."
                    placeholder="请输入"
                  />
                </div>
                <div class="table-cont">
                  <div class="table-bottom">
                    <table
                      id="m-tab-bottom"
                      class="table text-center"
                      style="
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        margin-left: 0;
                      "
                    >
                      <thead>
                        <tr>
                          <td>文件编号</td>
                          <td>文件名称</td>
                          <td>文件大小</td>
                          <td>上传时间</td>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>新文件</td>
                          <td>0.00MB</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>新文件</td>
                          <td>0.00MB</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>新文件</td>
                          <td>0.00MB</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>新文件</td>
                          <td>0.00MB</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>新文件</td>
                          <td>0.00MB</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>新文件</td>
                          <td>0.00MB</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>新文件</td>
                          <td>0.00MB</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>新文件</td>
                          <td>0.00MB</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>新文件</td>
                          <td>0.00MB</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                        <tr>
                          <td>adsfahbdjsfhkagau</td>
                          <td>新文件</td>
                          <td>0.00MB</td>
                          <td>2020-03-16 19:13:00</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
                <div class="paging">
                  <span>共29条</span>
                  <div class="dropup">
                    <button
                      class="btn m-btn btn-xs btn-default dropdown-toggle"
                      type="button"
                      id="dropdownMenu1"
                      data-toggle="dropdown"
                      aria-haspopup="true"
                      aria-expanded="true"
                    >
                      20条/页
                      <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                      <li><a href="#">5条/页</a></li>
                      <li><a href="#">10条/页</a></li>
                    </ul>
                  </div>
                  <p>
                    <button class="btn m-btn btn-default btn-xs">首页</button>
                  </p>
                  <nav aria-label="Page navigation ">
                    <ul class="pagination">
                      <li>
                        <a href="#" aria-label="Previous">
                          <span aria-hidden="true">&laquo;</span>
                        </a>
                      </li>
                      <li><a href="#">1</a></li>
                      <li><a href="#">2</a></li>
                      <li><a href="#">3</a></li>
                      <li><a href="#">4</a></li>
                      <li><a href="#">5</a></li>
                      <li>
                        <a href="#" aria-label="Next">
                          <span aria-hidden="true">&raquo;</span>
                        </a>
                      </li>
                    </ul>
                  </nav>
                  <p>
                    <button class="btn m-btn btn-default btn-xs">尾页</button>
                  </p>
                </div>
              </div>
            </div>

            <div class="modal-footer">
              <button type="button" class="btn_b" data-dismiss="modal">确定</button>
            </div>
          </div>
        </div>
      </div>

      <!-- 状态详情 modal -->
      <div
        class="modal fade modal-list"
        id="myStatusDetailModal"
        tabindex="-1"
        role="dialog"
      >
        <div class="modal-dialog modal-c" role="document">
          <div class="modal-content">
            <div class="modal-header ">
              <button
                type="button"
                class="close"
                data-dismiss="modal"
                aria-label="Close"
              >
                <span class="modal-close" aria-hidden="true">&times;</span>
              </button>
              <h4 class="modal-title">状态详情</h4>
            </div>
            <div class="modal-body file-body">
              <div class="box">
                <div class="input-group tab-pane-extra">
                  周期性触发时间
                  <div class="input-group-btn" style="padding: 12px 0">
                    <button
                      type="button"
                      class="btn btn-xs btn-default dropdown-toggle select-time"
                      data-toggle="dropdown"
                      aria-haspopup="true"
                      aria-expanded="false"
                    >
                      请选择时间<span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" style="margin-top: -10px;">
                      <li><a href="#">1</a></li>
                      <li><a href="#">2</a></li>
                    </ul>
                  </div>
                </div>
                <div class="table-cont">
                  <div class="table-bottom">
                    <table
                      id="m-tab-bottom"
                      class="table text-center"
                      style="
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        margin-left: 0;
                      "
                    >
                      <thead>
                        <tr>
                          <td>时间</td>
                          <td>状态</td>
                          <td>状态描述</td>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td>2020-03-16 19:13:00</td>
                          <td>新建任务</td>
                          <td>操作员查看任务操作员查看任务</td>
                        </tr>
                        <tr>
                          <td>2020-03-16 19:13:00</td>
                          <td>新建任务</td>
                          <td>操作员查看任务操作员查看任务</td>
                        </tr>
                        <tr>
                          <td>2020-03-16 19:13:00</td>
                          <td>新建任务</td>
                          <td>操作员查看任务操作员查看任务</td>
                        </tr>
                        <tr>
                          <td>2020-03-16 19:13:00</td>
                          <td>新建任务</td>
                          <td>操作员查看任务操作员查看任务</td>
                        </tr>
                        <tr>
                          <td>2020-03-16 19:13:00</td>
                          <td>新建任务</td>
                          <td>操作员查看任务操作员查看任务</td>
                        </tr>
                        <tr>
                          <td>2020-03-16 19:13:00</td>
                          <td>新建任务</td>
                          <td>操作员查看任务操作员查看任务</td>
                        </tr>
                        <tr>
                          <td>2020-03-16 19:13:00</td>
                          <td>新建任务</td>
                          <td>操作员查看任务操作员查看任务</td>
                        </tr>
                        <tr>
                          <td>2020-03-16 19:13:00</td>
                          <td>新建任务</td>
                          <td>操作员查看任务操作员查看任务</td>
                        </tr>
                        <tr>
                          <td>2020-03-16 19:13:00</td>
                          <td>新建任务</td>
                          <td>操作员查看任务操作员查看任务</td>
                        </tr>
                        <tr>
                          <td>2020-03-16 19:13:00</td>
                          <td>新建任务</td>
                          <td>操作员查看任务操作员查看任务</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
                <div class="paging">
                  <span>共29条</span>
                  <div class="dropup">
                    <button
                      class="btn m-btn btn-xs btn-default dropdown-toggle"
                      type="button"
                      id="dropdownMenu1"
                      data-toggle="dropdown"
                      aria-haspopup="true"
                      aria-expanded="true"
                    >
                      20条/页
                      <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                      <li><a href="#">5条/页</a></li>
                      <li><a href="#">10条/页</a></li>
                    </ul>
                  </div>
                  <p>
                    <button class="btn m-btn btn-default btn-xs">首页</button>
                  </p>
                  <nav aria-label="Page navigation ">
                    <ul class="pagination">
                      <li>
                        <a href="#" aria-label="Previous">
                          <span aria-hidden="true">&laquo;</span>
                        </a>
                      </li>
                      <li><a href="#">1</a></li>
                      <li><a href="#">2</a></li>
                      <li><a href="#">3</a></li>
                      <li><a href="#">4</a></li>
                      <li><a href="#">5</a></li>
                      <li>
                        <a href="#" aria-label="Next">
                          <span aria-hidden="true">&raquo;</span>
                        </a>
                      </li>
                    </ul>
                  </nav>
                  <p>
                    <button class="btn m-btn btn-default btn-xs">尾页</button>
                  </p>
                </div>
              </div>
            </div>

            <div class="modal-footer">
              <button type="button" class="btn_b" data-dismiss="modal">确定</button>
             
            </div>
          </div>
        </div>
      </div>

      <!-- 操作日志 modal -->
      <div class="modal fade modal-list" id="myActionLogModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-c" role="document">
          <div class="modal-content">
            <div class="modal-header ">
              <button
                type="button"
                class="close"
                data-dismiss="modal"
                aria-label="Close"
              >
                <span class="modal-close" aria-hidden="true">&times;</span>
              </button>
              <h4 class="modal-title">操作日志</h4>
            </div>
            <div class="modal-body file-body">
              <div class="box">
                <div class="table-cont">
                  <div class="table-bottom">
                    <table
                      id="m-tab-bottom"
                      class="table text-center"
                      style="
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        margin-left: 0;
                      "
                    >
                      <thead>
                        <tr>
                          <td>系统功能</td>
                          <td>事件过程</td>
                          <td>事件描述</td>
                          <td>事件结果</td>
                          <td>用户IP</td>
                          <td>创建时间</td>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td>登录</td>
                          <td>用户登录</td>
                          <td>用户杨发财浏览任务编号2020的状态详情</td>
                          <td>成功</td>
                          <td>120.0.0.00</td>
                          <td>2020-11-30 12:30:30</td>
                        </tr>
                        <tr>
                          <td>登录</td>
                          <td>用户登录</td>
                          <td>用户杨发财浏览任务编号2020的状态详情</td>
                          <td>成功</td>
                          <td>120.0.0.00</td>
                          <td>2020-11-30 12:30:30</td>
                        </tr>
                        <tr>
                          <td>登录</td>
                          <td>用户登录</td>
                          <td>用户杨发财浏览任务编号2020的状态详情</td>
                          <td>成功</td>
                          <td>120.0.0.00</td>
                          <td>2020-11-30 12:30:30</td>
                        </tr>
                        <tr>
                          <td>登录</td>
                          <td>用户登录</td>
                          <td>用户杨发财浏览任务编号2020的状态详情</td>
                          <td>成功</td>
                          <td>120.0.0.00</td>
                          <td>2020-11-30 12:30:30</td>
                        </tr>
                        <tr>
                          <td>登录</td>
                          <td>用户登录</td>
                          <td>用户杨发财浏览任务编号2020的状态详情</td>
                          <td>成功</td>
                          <td>120.0.0.00</td>
                          <td>2020-11-30 12:30:30</td>
                        </tr>
                        <tr>
                          <td>登录</td>
                          <td>用户登录</td>
                          <td>用户杨发财浏览任务编号2020的状态详情</td>
                          <td>成功</td>
                          <td>120.0.0.00</td>
                          <td>2020-11-30 12:30:30</td>
                        </tr>
                        <tr>
                          <td>登录</td>
                          <td>用户登录</td>
                          <td>用户杨发财浏览任务编号2020的状态详情</td>
                          <td>成功</td>
                          <td>120.0.0.00</td>
                          <td>2020-11-30 12:30:30</td>
                        </tr>
                        <tr>
                          <td>登录</td>
                          <td>用户登录</td>
                          <td>用户杨发财浏览任务编号2020的状态详情</td>
                          <td>成功</td>
                          <td>120.0.0.00</td>
                          <td>2020-11-30 12:30:30</td>
                        </tr>
                        <tr>
                          <td>登录</td>
                          <td>用户登录</td>
                          <td>用户杨发财浏览任务编号2020的状态详情</td>
                          <td>成功</td>
                          <td>120.0.0.00</td>
                          <td>2020-11-30 12:30:30</td>
                        </tr>
                        <tr>
                          <td>登录</td>
                          <td>用户登录</td>
                          <td>用户杨发财浏览任务编号2020的状态详情</td>
                          <td>成功</td>
                          <td>120.0.0.00</td>
                          <td>2020-11-30 12:30:30</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
                <div class="paging">
                  <span>共29条</span>
                  <div class="dropup">
                    <button
                      class="btn m-btn btn-xs btn-default dropdown-toggle"
                      type="button"
                      id="dropdownMenu1"
                      data-toggle="dropdown"
                      aria-haspopup="true"
                      aria-expanded="true"
                    >
                      20条/页
                      <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                      <li><a href="#">5条/页</a></li>
                      <li><a href="#">10条/页</a></li>
                    </ul>
                  </div>
                  <p>
                    <button class="btn m-btn btn-default btn-xs">首页</button>
                  </p>
                  <nav aria-label="Page navigation ">
                    <ul class="pagination">
                      <li>
                        <a href="#" aria-label="Previous">
                          <span aria-hidden="true">&laquo;</span>
                        </a>
                      </li>
                      <li><a href="#">1</a></li>
                      <li><a href="#">2</a></li>
                      <li><a href="#">3</a></li>
                      <li><a href="#">4</a></li>
                      <li><a href="#">5</a></li>
                      <li>
                        <a href="#" aria-label="Next">
                          <span aria-hidden="true">&raquo;</span>
                        </a>
                      </li>
                    </ul>
                  </nav>
                  <p>
                    <button class="btn m-btn btn-default btn-xs">尾页</button>
                  </p>
                </div>
              </div>
            </div>

            <div class="modal-footer">
              <button type="button" class="btn_b" data-dismiss="modal">确定</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script>
      $(function () {
        // 列表点击选中的效果
        $("#m-tab-top>tbody>tr,#m-tab-bottom>tbody>tr").click(function () {
          var i = $(this).index();
          $($("#m-tab-top>tbody>tr")[i])
            .toggleClass("tr-active")
            .siblings()
            .removeClass("tr-active");
          $($("#m-tab-bottom>tbody>tr")[i])
            .toggleClass("tr-active")
            .siblings()
            .removeClass("tr-active");
        });
        $("#datetimepicker1,#datetimepicker2").datetimepicker({
          format: "YYYY-MM-DD",
          locale: moment.locale("zh-cn"),
          defaultDate: "",
        });
      });
    </script>
  </body>
</html>
